// show ProductInfo
export const ProductInfo = ({ product }) => {
    const { id, name, price } = product || {};
    return (
        product ? (<ul>
            <li>id:{id}</li>
            <li>name:{name}</li>
            <li>price:{price}</li>
        </ul>):<p>loading</p>
    )
}